body {
    --red:#e54d42;
    --pink:#FF589B;
    --blue: #0081ff;
    --green: #39b54a;
    --gray: #666;
    background:#f8f9fb;
    font-family: "Microsoft Yahei",arial,"Hiragino Sans GB","Hiragino Sans GB W3",宋体,simsun;
    color:#333;
}

html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

.nav-theme,.nav-theme .van-nav-bar{background:var(--blue);}
.nav-theme .van-nav-bar__title,.nav-theme .van-nav-bar__text,.nav-theme .van-icon{color:white;}
.van-swipe {background:white;}

.article-list article{box-shadow:0 0 6px rgba(0, 0, 0, 0.028), 0 0 18px rgba(0, 0, 0, 0.042), 0 0 80px rgba(0, 0, 0, 0.07);border-radius: 5px;width:95%;height:110px;margin:10px auto;display:flex;align-items:center;background:white;padding:5px 10px;}
.article-list article .s-left {height:90px;display:flex;flex-direction:column;width: 100%;}
.article-list article .s-left.image {width: calc(100% - 120px);}
.article-list article .s-left .s-title{font-size: 16px;text-overflow: ellipsis;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-box-pack: center;-webkit-box-align: center;-webkit-line-clamp: 3;}
.article-list article .s-left .s-time{font-size: 12px;color:#999;margin-top:auto;}
.article-list article .s-right {width:110px;margin-left:auto;}
